<!--set header to #banner for it is a banner!-->
<div id="mini_banner" class="round_edge_10px">
    <div id="m_bbg2" class="bg2">
    <ul>
        <? if (empty ($this->session)){ ?>
        <li><a href="/auth/logout">Logout</a></li>
        <?}else {?>
        <li><a href="/auth/login">Login</a></li>
        <?}?>
    </ul>
    </div>
</div>
<div id="banner" >
	<a style="margin:auto 90px; height:200px;" href="/message/me"><img style="width:200px;" src="/images/title.png"/></a>
	<div id="nav_div" class="layer_bdiv">
    <span id="bbg" class="bg1">&nbsp;
    </span>
    <div id="bbg2" class="bg2">
	<ul>
	<li><a href="/message/me">Home</a></li>
        <li><a href="/friends/friendslist">Friends</a></li>
        <li><a href="/venue/universities">Venues</a></li>
        <li><a href="/venue/universities">Areas</a></li>
	<!--You can click the About button and see intro to the author.-->
	<li><a href="#" onclick="alert('Jerry and Simon made it.');">About</a></li>
        <li>
	 <div style="padding:5px 0.8em; float:right;">
                 <input type="text" onfocus="initHAC();"
                        onblur="destroyHAC();"
                        value=" Enter search..." size="19" maxlength="30" id="ac" class="round_edge_5px"/>
                 <a style="padding:0px; margin:0px; position:relative; bottom:1px;" href="javascript:">
                     <img style="border: 1px solid rgb(238, 238, 238); width:21px;" class="round_edge_5px" onclick="head_search()" src="/images/search.gif"/>
                 </a>
         </div>
        </li>
        </ul>
    </div>
	</div>
	</div>

	<!-- end of #banner-->